<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 900px;
            height: 600px;
            border: 4px dashed #bfbfbf;
            margin: 20px auto;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .item {
            display: flex;
            text-align: center;
            height: 25px;
            line-height: 25px;
            justify-content: space-around;
            align-items: center;
            flex: 1;
        }
        .Item {
            display: flex;
            text-align: center;
            justify-content: space-around;
            align-items: center;
            flex: 0.5;
        }
        .item img {
            width: 70px;
            height: 70px;
        }
        .item div, .Item div {
            flex: 1;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="Item" style="font-size: 14px; color:#bfbfbf;">
            <div>序号</div>
            <div>歌曲</div>
            <div>歌手</div>
            <div>类型</div>
            <div>时长</div>
        </div>
        <!-- <div class="item">
            <div>1</div>
            <div>谁的眼泪在飞</div>
            <div><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.wOkCwEiKNHholRctM7x5GgHaHa?pid=ImgDet&rs=1" alt=""></div>
            <div>纯音乐</div>
        </div>
        <div class="item">
            <div>2</div>
            <div>一辈子的孤单</div>
            <div>xxx</div>
            <div>纯音乐</div>
        </div>
        <div class="item">
            <div>3</div>
            <div>一个人的行李</div>
            <div>xxx</div>
            <div>纯音乐</div>
        </div>
        <div class="item">
            <div>4</div>
            <div>我真的受伤了</div>
            <div>xxx</div>
            <div>纯音乐</div>
        </div> -->
    </div>
    <h1>海贼王</h1>
</body>
<script src="./main.js"></script>
</html>